<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员活动 - QQ会员</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/activity.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/public.js"></script>
    <script src="js/activity.js"></script>

</head>
<body>
<!-- 头部导航部分   start -->
<header class="ui-navbar">
    <div class="ui-navbar-container">
        <!-- logo -->
        <a href="../QQVIP_index/QQVIP_index.html" class="ui-navbar-logo other" title="QQ会员首页">
            <img src="images/logo_b.png" alt="QQ会员">
        </a>

        <!-- 导航列表 -->
        <nav class="ui-navbar-list">
            <h2 class="hide-clip">网站导航</h2>
            <ul>
                <li>
                    <a href="javascript:void(0)">功能特权</a>
                    <ul class="menu-1">
                        <li class=""><a href="全部特权">全部特权</a></li>
                        <li class=""><a href="分等级特权">分等级特权</a></li>
                    </ul>
                </li>
                <li>
                    <a href="../games/games.html">游戏特权</a>
                </li>
                <li>
                    <a href="life.html">生活特权</a>
                </li>
                <li>
                    <a href="../decoration/decoration.html">装扮特权</a>
                </li>
                <li class="current">
                    <a href="activity.html">会员活动</a>
                    <ul class="menu-5">
                        <li class=""><a href="全部活动">全部活动</a></li>
                        <li><a href="靓号站" target="_blank">靓号站</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">成长体系</a>
                    <ul class="menu-6">
                        <li class=""><a href="任务中心">任务中心</a></li>
                        <li class=""><a href="积分乐园">积分乐园</a></li>
                        <li class=""><a href="排名中心">排名中心</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">年费专区</a>
                </li>
            </ul>
        </nav>

        <!-- 登录 -->
        <div class="ui-navbar-status">
            <div class="ui-navbar-status-userinfo " id="menu-user-panel">
                <div class="ui-navbar-status-userinfo ">
                    <span id="menu-login-btn" class="ui-navbar-status-login">登录</span>
                </div>
            </div>

            <!-- 开通会员 -->
            <div class="ui-btn ui-btn-basic-s-flex">
                <span class="inner-text" id="menu-pay-btn">开通超级会员</span>
                <span class="right-radius"></span>
            </div>
        </div>
    </div>
    <div class="ui-navbar-subnav">
        <div class="ui-navbar-subnav-container">
        </div>
    </div>
</header>
<!-- 头部导航部分   end -->

<!--banner 部分  start -->
<section class="ui-slider banner-slider">
    <h2 class="hide-clip">轮播图</h2>

    <ul class="ui-slider-content">
        <li class="ui-slider-content_1">
            <a target="_blank" href="#" title="夏日营收活动">
                <img src="images/1466759316_1400500.jpg" alt="夏日营收活动">
            </a>
        </li>
        <li class="ui-slider-content_2">
            <a target="_blank" href="#" title="欧洲杯">
                <img alt="欧洲杯" src="images/1464869926_1400500.jpg">
            </a>
        </li>
        <li class="ui-slider-content_3">
            <a target="_blank" href="#" title="猜大盘">
                <img alt="猜大盘" src="images/m1461230754_1400x500.jpg">
            </a>
        </li>
        <li class="ui-slider-content_4">
            <a target="_blank" href="#" title="刀锋铁骑">
                <img alt="刀锋铁骑" src="images/1467083018_1400x500.jpg">
            </a>
        </li>
    </ul>
    <ul class="ui-slider-indicators">
        <li class="current"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</section>
<!-- banner部分   end -->

<!-- activity 部分  start-->
<section class="mod-activity-wrapper">
    <!-- 热门活动导航-->
    <nav class="mod-content-nav">
        <ul id="tabnav">
            <li class="current"><a href="javascript:void(0);">生活特权</a></li>
            <li><a href="javascript:void(0);">游戏特权</a></li>
            <li><a href="javascript:void(0);">装扮特权</a></li>
            <li><a href="javascript:void(0);">功能特权</a></li>

        </ul>
    </nav>
    <section class="mod-activity-container">
        <!-- 热门活动-->
        <ul class="life mod-activity-list">
            <li class="first">
                <a target="_blank" href="#" title="京东会员福利">
                    <img src="images/1446206402_370.jpg" alt="京东会员福利" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="京东会员福利">京东会员福利</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-10-30-2016-09-30</p>
            </li>
            <li class="">
                <a target="_blank" href="#" title="QQ电脑管家送福利">
                    <img src="images/1442544213_guanjia370150.jpg" alt="QQ电脑管家送福利" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="QQ电脑管家送福利">QQ电脑管家送福利</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-10-19-2016-09-30</p>
            </li>
            <li class="last">
                <a target="_blank" href="#" title="QQ会员购房超市">
                    <img src="images/1445242597_370X150.jpg" alt="QQ会员购房超市" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="QQ会员购房超市">QQ会员购房超市</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-09-10-2016-09-30</p>
            </li>
        </ul>
        <ul class="games mod-activity-list">
            <li class="first">
                <a target="_blank" href="#" title="CF幸运奖池">
                    <img src="images/1466080903_370x150.jpg" alt="CF幸运奖池" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="CF幸运奖池">CF幸运奖池</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2016-04-22-2016-07-30</p>
            </li>
            <li class="">
                <a target="_blank" href="#" title="战争雷霆不限号">
                    <img src="images/1463734692_370x150.jpg" alt="战争雷霆不限号" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="战争雷霆不限号">战争雷霆不限号</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2016-05-20-2016-06-30</p>
            </li>
            <li class="last">
                <a target="_blank" href="#" title="永久武器全民竞拍">
                    <img src="images/1464606727_370x150.jpg" alt="永久武器全民竞拍" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="永久武器全民竞拍">永久武器全民竞拍</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2016-05-30-2016-06-30</p>
            </li>
        </ul>
        <ul class="decoration mod-activity-list">
            <li class="first">
                <a target="_blank" href="#" title="京东会员福利">
                    <img src="images/1446206402_370.jpg" alt="京东会员福利" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="京东会员福利">京东会员福利</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-10-30-2016-09-30</p>
            </li>
            <li class="">
                <a target="_blank" href="#" title="福利游乐园">
                    <img src="images/1441969179_370.150_(1).jpg" alt="福利游乐园" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="福利游乐园">福利游乐园</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-10-19-2016-09-30</p>
            </li>
            <li class="last">
                <a target="_blank" href="#" title="郭敬明字体">
                    <img src="images/1441969201_370x150_(2).jpg" alt="郭敬明字体" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="郭敬明字体">郭敬明字体</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-09-10-2016-09-30</p>
            </li>
        </ul>
        <ul class="ability mod-activity-list">
            <li class="first">
                <a target="_blank" href="#" title="专属靓号，相伴夏日">
                    <img src="images/1464143558_370150.jpg" alt="专属靓号，相伴夏日" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="专属靓号，相伴夏日">专属靓号，相伴夏日</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2016-05-25-2016-12-31</p>
            </li>
            <li class="">
                <a target="_blank" href="#" title="QQ电脑管家送福利">
                    <img src="images/1442544213_guanjia370150.jpg" alt="QQ电脑管家送福利" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="QQ电脑管家送福利">QQ电脑管家送福利</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2016-04-28-2016-09-28</p>
            </li>
            <li class="last">
                <a target="_blank" href="#" title="福利游乐园">
                    <img src="images/1441969179_370.150_(1).jpg" alt="福利游乐园" width="370" height="150">
                </a>
                <h4>
                    <a target="_blank" href="#" title="福利游乐园">福利游乐园</a>
                </h4>
                <p class="mod-activity-info">
                    <a target="_blank" href="#"></a>
                </p>
                <p class="time">2015-07-15-2017-12-31</p>
            </li>
        </ul>
        <!-- 翻页-->
        <section class="mod-activity-footer">
            <a href="#"
               class="lk-all">查看以往活动</a>
        </section>
    </section>
</section>
<!-- life-content 部分  start-->

<!--footer  部分 start-->
<footer class="ui-footer">
    <nav>
        <ul>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qq"></span>
                    <span>官方手Q账号</span>
                    <div class="qrcode">
                        <img src="images/qq_qrcode_preview.jpg" alt="官方手Q账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-wechat"></span>
                    <span>官方微信账号</span>
                    <div class="qrcode">
                        <img src="images/1392709767_big.png" alt="官方微信账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-exchange"></span>
                    <span>兑换中心</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-bbs"></span>
                    <span>兴趣部落</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qzone"></span>
                    <span>官方空间</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-weibo"></span>
                    <span>官方微博</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-service"></span>
                    <span>客服中心</span>
                </a>
            </li>
        </ul>
    </nav>

    <p class="ui-footer-copyright">Copyright © 1998 - 2016 Tencent . All Rights Reserved</p>
    <p class="ui-footer-copyright">腾讯公司 版权所有</p>
</footer>
<!--footer  部分 end-->
</body>
</html>